<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/header.css">
</head>
<body>
    <!-- header start -->
	<div class="header">
		<div class="layer header-bd">
			<div class="header-wrap clearfix">
				<div class="header-logo">
					<h1>
						<a href="#" class="logo-bd">淘宝网</a>
					</h1>
				</div>
				<div class="header-search">
					<div class="search-tab">
						<ul class="tab-list">
							<li class="tab-item active">宝贝</li>
							<li class="tab-item">天猫</li>
							<li class="tab-item">店铺</li>
						</ul>
					</div>
					<div class="search-panal">
						<div class="input-wrap">
							<i class="fa fa-search"></i>
							<i class="fa fa-camera"></i>
							<input type="text" class="search-input" placeholder="沙拉神器">
						</div>
						<div class="button-wrap">
							<button>搜索</button>
						</div>
					</div>
					<div class="search-ft">
						<a href="#" class="ft-link rd">夹克</a>
						<a href="#" class="ft-link">时尚连衣裙</a>
						<a href="#" class="ft-link rd">衬衫</a>
						<a href="#" class="ft-link">妈妈装</a>
						<a href="#" class="ft-link">新款男鞋</a>
						<a href="#" class="ft-link rd">新款裤子</a>
						<a href="#" class="ft-link">阔腿裤</a>
						<a href="#" class="ft-link">时尚休闲裤</a>
						<a href="#" class="ft-link">双肩包</a>
						<a href="#" class="ft-link">沙发</a>
						<a href="#" class="ft-link">定制窗帘</a>
						<a href="#" class="ft-link">蚊帐</a>
						<a href=""  class="ft-link fr">
							更多
							<i class="fa fa-angle-right"></i>
						</a>
					</div>
				</div>
				<div class="header-qr">
					<div class="close-btn">
						<i class="fa fa-times"></i>
					</div>
					<a href="#" class="qr-bd">
						<span>手机淘宝</span>
						<img src="./img/qr.png" alt="">
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- header end -->
</body>
</html>